/**Created by liaoyingchao on 2019-07-19.*/

<template>
  <div class="paths">
    <div class="scroll-div">
      <appInfo v-for="(item, idx) in listData" :appInfo="item" :key="idx"></appInfo>
    </div>
  </div>
</template>

<script>
  import appInfo from '@/components/app-info'

  export default {
    name: "paths",
    components: {
      appInfo
    },
    data() {
      return {
        listData: []
      }
    },
    methods: {
      getListData: function () {
        let url = '/api/appspath/getAppPaths';
        let params = {
          state: '1'
        }
        this.$http.post(url, params).then(
          res => {
            let data = res.data;
            if (data.result == '1') {
              console.log(data);
              this.listData = data.data
            }
          },
          error => {}
        );
      }
    },
    created() {
      this.getListData();
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="stylus" scoped type="text/stylus">
  .paths {
    width 100%
    height 100%
    overflow hidden
    .scroll-div {
      width 100%
      height 100%
      overflow-y: auto;
      -webkit-overflow-scrolling touch;
    }
  }
</style>